<template>
  <div class="modal-wrap">
    <div class="modal" >
      <div class="modal-close" @click="closeModal">×</div>
      斯蒂芬斯蒂芬山的
    </div>
  </div>
</template>
<script>
  export default {
    data () {
      return {
      }
    },
    methods: {
      closeModal () {
        this.$store.dispatch('content_detail/setMoreCommentModal', {
          moreCommentModal: false
        })
      }
    },
    computed: {
    }
  }
</script>
<style>
  .modal-close{
    font-size: 25px;
    position: relative;
    left: 93%;
    top:10px;
    cursor: pointer;
  }
  .modal-wrap{
    z-index: 3;
  }

  /* 手机或小平板 phone */
  @media all and (max-width: 766px) {
    .modal{
      width: 100%;
      margin-bottom: -2px;
      box-shadow: none;
      height: 70%
    }

  }

</style>
